@charset "gb2312";
/*站点标签通用样式定义*/
html, body { font-family: Microsoft YaHei, arial, 宋体; font-size: 14px; line-height: 2; color: #666666; margin: 0 auto; background: #fff; }
h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, img, dl, dt, dd, blockquote, fieldset, div, strong, label, em, body, span, input, figure { margin: 0; padding: 0; border: 0; font-family: 微软雅黑, arial, 宋体; }
a { text-decoration: none; color: #666666; }
a:hover { color: #0b65c2; }
ul, li { list-style: none; }
h1 { font-size: 30px; }
h2 { font-size: 24px; }
h3 { font-size: 14px; }
h4 { font-size: 13px; }


.l { float: left;}
.r { float: right;}

.clearfix { clear: both;}

/*全局样式类定义*/
.clear { clear: both; height: 0; overflow: hidden; }
/*格式化代码-e*/
.C:before, .C:after { content: "."; display: block; height: 0; visibility: hidden; }
.C:after { clear: both; }
.C { zoom: 1; }
.mar30 { margin-top: 5px; }
.head { height: 42px; line-height: 42px; font-size: 12px; background: #eeeff1; color: #000; border-bottom: 1px solid #e8e8e8; }
.head a { color: #fff; }
.top_left { position: relative; float: left; /*border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8;*/ }
.top_left span { padding: 0 30px 0 40px; text-align: center; height: 42px; display: inline-block; }
.wap, .qx { border-right: 1px solid #e8e8e8; position: relative; float: right; cursor: pointer; width: 42px; height: 42px; text-align: center; }
.wap img, .qx img { padding-top: 5px; }
.ewm { position: absolute; right: 0px; top: 30px; z-index: 99; display: none; }
.qxul { position: absolute;  right: 0; top: 30px; text-align: center; display: none; z-index: 999; }
.qxul li { border-bottom: 1px solid #fff; line-height: 25px; height: 25px; overflow: hidden; }
.qxul li a:hover { background: #666; display: block; line-height: 25px; height: 25px; }
.qxul li a { height: 25px; display: block; }
.top_bg { width: 100%; height: 178px; background: url(../images/top_bg.jpg) repeat-x; }
.top { height: auto; width: 1200px; margin: 0 auto; position: relative; }
.logo { width: 1200px; height: 120px; }
.logo_left { width: 50%; font-size: 18px; float: left; height: 120px; background: url(../images/LOGO.png) no-repeat 12px center; color: #000; }
.logo_left a { text-indent: -999em; width: 430px; height: 120px; display: block; }
.logo_right { width: 50%; font-size: 18px; float: left; height: 120px; }
.logo_right span { display: inline-block; height: 120px; line-height:1.5; padding-left: 80px; padding-top: 35px; width: calc(50% - 80px);}
.logo_right span font { display: block;}
.logo_right span font:first-child { font-weight: bold; color: #103660;}
.logo_right span font:last-child { color: #656879;}


.logo_right .but_1 { background: url(../images/index_03.gif) 5px 35px no-repeat; }
.logo_right .but_2 { background: url(../images/index_05.jpg) 5px 35px no-repeat; }

/*nav*/
#nav { width: 1200px; }
#nav:after { clear: both; }
#nav UL { WIDTH: 150px; FLOAT: left; HEIGHT: 58px; text-align: center; }
#nav UL LI { }
#nav UL LI A { LINE-HEIGHT: 40px; DISPLAY: block; HEIGHT: 58px; line-height: 58px; color: #fff; font-size: 15px; font-weight: bold; }
#nav UL LI A:hover, .cho { WIDTH: 150px; height: 56px; display: block; border-bottom: 2px solid #f2c21a; }
#nav UL .menu { POSITION: absolute; WIDTH: 150px; z-index: 99; BACKGROUND: #ddd }
#nav UL .menu SPAN { WIDTH: 150px; HEIGHT: 25px; overflow: hidden; }
#nav UL .menu span A { font-size: 12px; BORDER-BOTTOM: #ccc 1px solid; overflow: hidden; LINE-HEIGHT: 25px; DISPLAY: block; HEIGHT: 25px; FONT-WEIGHT: normal; color: #000; }
#nav UL .menu SPAN A:hover { BACKGROUND: #272b73; color: #fff; overflow: hidden; }
#nav .nav-hover { background-color: #f2c21a;}


.flexslider { text-align: center; width: 100%; margin: 0 auto; position: relative; height: 692px; overflow: hidden; background: url(../images/lightbox-ico-loading.gif) 50% no-repeat; text-align: center }
.slides { position: relative; z-index: 1; }
.slides li { height: 692px; }
.slides li a { width: 100%; height: 692px; display: block; }
.flex-control-nav { position: absolute; bottom: 15px; z-index: 2; width: 100%; }
.flex-control-nav li { display: inline-block; width: 38px; height: 5px; margin: 0 5px; *display: inline;
zoom: 1; }
.flex-control-nav a { display: inline-block; width: 38px; height: 5px; line-height: 50px; overflow: hidden; background: #a6b5be; color: #a5352e; cursor: pointer; }
.flex-control-nav .flex-active { background: #e93910; color: #fff; }
.bannera .flexslider { text-align: center; width: 100%; margin: 0 auto; position: relative; height: 222px; overflow: hidden; background: #272b73 url(../images/lightbox-ico-loading.gif) 50% no-repeat; text-align: center }
.bannera .slides li { height: 222px; }
.bannera .slides li a { width: 100%; height: 222px; display: block; }
.content { width: 1200px; margin: 0 auto; }
.content h3 { font-weight: normal; font-size: 24px; color: #2c3056; }
.content font { display: block; color: #959595; }
.content_l { width: 563px; height: 400px; float: left; }
.content_r { width: 563px; height: 400px; float: right; }
.content p { color: #585657; }
.tit { background: url(../images/tit.jpg) no-repeat center 12px; color: #999999; text-align: center; margin-bottom: 30px; text-transform: uppercase;}
.tit h3 { height: 50px; color: #232C71; line-height: 32px; font-size: 32px; font-weight: normal; font-weight: 700;}
.tit.but_4:after { width: 80px; height: 4px; background-color: #f2c21a; content:""; display: table; margin: 0 auto;}
/**********************新闻中心*************************/
.pro { padding: 40px 0; }
.protest { }
.protest_l { float: left; width: 570px; height: auto; }
.protest_l figure { position: relative; display: block; margin: 0; }
.protest_l img { width: 570px; height: 251px; overflow: hidden; opacity: 0.9; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1); transform: scale(1); background-color: #666; }
.protest_l:hover img { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 1; }
.protest_l figcaption { font-weight: normal; font-size: 24px; color: #2c3056; }
.protest_r { float: right; width: 570px; height: auto; border-top: 1px dashed #ccc; }
.protest_r li { width: 570px; height: 61px; line-height: 62px; border-bottom: 1px dashed #ccc; cursor: pointer; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; opacity: 0.7; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.protest_r li:hover { display: block; opacity: 1; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
.protest_r li span { float: right; }
 figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after 
/**********************联系我们*************************/
.contact_us ul li {
 width:300px;
 height:30px;
 line-height:30px;
 float:left;
}
.contact_us ul li { float: left; width: 300px; }
/**********************产品切换*************************/
a.abtn { display: block; height: 260px; width: 37px; overflow: hidden; background: url(../images/arrow3.png) no-repeat 0px 50%; }
a.aleft { float: left; }
a.aright { float: right; background-position: -40px 50%; }
.imglist_w { width: 1100px; height: 260px; margin-left: 5px; overflow: hidden; float: left; position: relative;/*必要元素*/ }

/*产品旋转
.proclass li {
	float: left;
	margin: 0 10px;
	-webkit-transition: -webkit-transform 2s;
	transition: all 2s;
}
.proclass li a:hover img {
	transform: rotate(360deg);
	-ms-transform: rotate(360deg); /* IE 9 */
	-moz-transform: rotate(360deg); /* Firefox */
 -webkit-transform: rotate(360deg); /* Safari 和 Chrome */
 -o-transform: rotate(360deg); /* Opera */
}
 @-webkit-keyframes btnRotate { 0% {
transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
-moz-transform: rotateZ(0deg);
-webkit-transform: rotateZ(0deg);
}
100% {
transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-webkit-transform: rotateZ(360deg);
}
}
.proclass li a:hover img { animation: btnRotate 1.5s linear infinite; -webkit-animation: btnRotate 1.5s linear infinite; -moz-animation: btnRotate 1.5s linear infinite; -ms-animation: btnRotate 1.5s linear infinite; }
.ad { padding-top: 50px; background: #d9ddde; color: #fff; }
/*尾部样式*/
.footer { background: #313439; color: #fff; }
.footer a { color: #fff; }
.foot { width: 1200px; position: relative; margin: 0 auto; padding: 20px 0; }
.ewmbot { float: right; background: url(../images/ewmbg.jpg) no-repeat left bottom; padding-left: 100px; }
#friendlink { width: 100%; height: 208px; background-color: #0e2034; }
#friendlink .footer_tab { width: 1200px; padding-top: 28px; color: #fff;}


.footer_tab h3 { font-size: 22px; color: #fff; font-weight: 700; }

.footer_tab ul { display: inline-table; }
.footer_tab ul:nth-child(1) { margin-left: 0; width: 420px;}
.footer_tab ul:nth-child(2) { width: 260px; vertical-align: top; margin: 0 100px; margin-top: 11px; }
.footer_tab ul:nth-child(3) { width: 268px; vertical-align: top; margin-top: 11px; }

.footer_tab ul li { color: #b4b5d1;}
.footer_tab ul li a { font-size: 12px; color: #b4b5d1; }
.footer_tab ul li a:hover { font-size: 12px; color: #fff; }
.footer_tab .footer_tab_center li { float: left; width: 50%;}
.footer_tab .footer_tab_right li { text-align: center;}
.footer_tab .footer_tab_right li a { text-align: center; width: 268px; height: 40px; line-height: 40px; display: block; margin: 5px;}
.footer_tab .footer_tab_right li a:first-child { background-color: #263749; color: #fff;}
.footer_tab .footer_tab_right li a:last-child { background-color: #f2c21a; color: #262837;}



#friendlink .contact { float: right; width: 370px; padding-top: 32px; text-align: right; color: #c9cbc8; }
.contact h2 { font-size: 20px; color: #FFF; }
.contact h2 em { padding-left: 5px; font-family: Arial; font-size: 14px; }
.hr-17 { margin-left: 10px; float: right; }
.contact ul { float: left; }
.contact ul li { padding-left: 26px; line-height: 32px; font-family: Arial; background-repeat: no-repeat; }
.contact ul li.telephone_num { font-size: 20px; background-position: 0px 7px; }
.contact ul li.email { background-position: 0px -24px; font-size: 30px; }
.contact ul li.adress { background-position: 0px -58px; font-family: "黑体"; font-size: 12px; }
.contact ul li { color: #c9cbc8; }
.contact ul li:hover { color: #ffe400; }
#footer { height: 54px; line-height: 54px; background-color: #0b1c2e; }
#footer .copyright { float: left; color: #bdbdbf; }
#footer .copyright a { padding-left: 7px; color: #FFF; }
#footer .copyright a img { vertical-align: middle; }
#footer .copyright a:hover { color: #ffe400; }
#footer .share { float: right; width: 150px; height: 39px; margin-top: 9px; display: inline; }
#footer .share a { float: left; width: 39px; height: 39px; background-image: url(../images/bg23.png); background-repeat: no-repeat; margin-right: 9px; }
#footer .share a.qq { background-position: 0px 0px; }
#footer .share a.wx { background-position: -47px 0px; }
#footer .share a.xl { background-position: -95px 0px; }
#footer .share a:hover { background-image: url(../images/bg24.png); }
.layout { width: 1200px; margin: 0px auto; clear: both; }
/****************首页产品展示样式***************/
.lanrenzhijia { width: 1201px; height: 500px; font-family: '微软雅黑'; overflow: hidden;}
.lanrenzhijia .tab { float: left; width: 263px; height: 480px; overflow: hidden; }
.lanrenzhijia .tab a { position: relative; display: block; width: 263px; height: 43px; transition: all 0.3s; line-height: 45px; text-align: center; text-decoration: none; color: #333; background-color: #eee; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
.lanrenzhijia .tab a:hover { background: #0f3661; color: #fff; text-decoration: none; }
.lanrenzhijia .tab a.on { background: #0f3661; color: #fff; text-decoration: none; }
.lanrenzhijia .content { float: right; width: 937px; overflow: hidden; /*padding: 10px 0;*/ }
.lanrenzhijia .content li { display: none; }
.content .but_3 { width: 283px; float: left; margin-left: 25px; margin-bottom: 22px; }
.but_3 a { width: 114px; height: 29px; background-color: #a0a0a0; color: #fff; display: block; text-align: center; }
.but_3 a:hover { background-color: #e37422; transition-duration: 1s; -moz-transition-duration: 1s; /* Firefox 4 */ -webkit-transition-duration: 1s; /* Safari 和 Chrome */ -o-transition-duration: 1s; }
/******************回至顶部top************************/
.cd-top { display: inline-block; height: 43px; width: 44px; position: fixed; bottom: 60px; right: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); overflow: hidden; text-indent: 100%; white-space: nowrap; background: url(../images/back_top.jpg) no-repeat center 50%; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.cd-top.cd-is-visible { visibility: visible; opacity: 1; }




.but_3 a { width: 285px; height: 226px; background-color: #a0a0a0; color: #fff; display: block; text-align: center; position: relative; transition: all 0.3s; }
.content-list .but_3 a { display: block;}
.content-list .but_3>a>div { width: inherit; position: absolute; bottom: 0; background-color: #000; opacity: 0.5; -moz-opacity: 0.5; } 


/*我的案例*/
.my-case { background-color: #0f3661; width: 100%; height: 399px; text-align: center;}

.content.content-text { height: 290px; color: #0d375f; position: relative;}
.content.content-text h4 { font-weight:900;}
.content.content-text span { font-size: 14px;}
.content.content-text ul li {width: 160px;height: 55px;margin-left: 10px;float: left;margin-top: 40px;}
.content.content-text ul li img {width: 160px;height: 55px;}

.content-text-btn { position: absolute; right: 10px; top: 10px; color: #0d375f; background-color: #ec971f; border-color: #d58512; border: 1px solid transparent; border-radius: 4px; padding: 10px 40px; font-size: 16px; font-weight: 700;}


.protest-title li { width: 338px; height: 159px; border: 1px solid #ebebeb; padding: 20px; float: left; margin: 30px 0 0 30px; background-image: url(../images/content-title-bg.jpg); background-repeat: no-repeat;}
.protest-title li:nth-child(1) { background-position: 9px 19px;}
.protest-title li:nth-child(2) { background-position: -391px 19px;}
.protest-title li:nth-child(3) { background-position: -791px 19px;}
.protest-title li:nth-child(4) { background-position: 9px -190px;}
.protest-title li:nth-child(5) { background-position: -391px  -190px}
.protest-title li:nth-child(6) { background-position: -791px -190px}
.protest-title li:nth-child(1),.protest-title li:nth-child(4) { margin-left: 0;}
.protest-title li:nth-child(1),.protest-title li:nth-child(2),.protest-title li:nth-child(3) { margin-top: 0;}
.protest-title li span { font-size: 18px; font-weight: 700; color: #0d375f;}
.protest-title li p { font-size: 14px;}





.content-text-list li { width: 377px; display: inline-block; color: #0d375f; position: relative; margin-left: 30px;overflow: hidden;}
.content-text-list li:nth-child(1) { margin-left: 0;}
.content-text-list li span { font-weight:900; display: block;}
.content-text-list li p { font-size: 14px;}